$(function(){
    //search区域
    $(`#btn`).click(function(){
        $(`#overlay`).show()
    })
    $(`body`).click(function(e){
        const target = $(e.target)
        if(!target.is('#btn') && !target.is('#overlay') && !target.is('#btn *') && !target.is('#overlay *')){
            if($('#overlay').is(':visible')){
                $('#overlay').hide()
            }
        }
    })
    //lists区域
    $('.city-lists > li').each((index,item)=>{
        $(`.city-lists > li:eq(${index})`).on('mouseover',function(){
            $(this).css({backgroundColor:'white'})
            $(`.city-lists > li:eq(${index}) p:nth-child(2)`).css({color:'black'})
            $(`.items:eq(${index})`).show()
        })
        $(`.city-lists > li:eq(${index})`).on('mouseout',function(){
            $(this).css({backgroundColor:'transparent'})
            $(`.city-lists > li:eq(${index}) p:nth-child(2)`).css({color:'white'})
            $(`.items:eq(${index})`).hide()
        })
    })
    //底部图标
    $('#WeChat > section').mouseover(function(){
        $('#WeChat > section > svg > path').attr('fill','green')
        // $('#WeChat > section > svg').attr('fill','green')
        $('#WeChat > div').show()
    })
    $('#WeChat').on('mouseleave',function(){
        $('#WeChat > section > svg > path').attr('fill','#c0c0c0')
        $('#WeChat > div').hide()
    })

    $('#micro-blog > section').mouseover(function(){
        $('#micro-blog > section > svg > path').attr('fill','green')
        // $('#WeChat > section > svg').attr('fill','green')
        $('#micro-blog > div').show()
    })
    $('#micro-blog').on('mouseleave',function(){
        $('#micro-blog > section > svg > path').attr('fill','#c0c0c0')
        $('#micro-blog > div').hide()
    })

    $('#email > section').mouseover(function(){
        $('#email > section > svg > path').attr('fill','green')
        // $('#WeChat > section > svg').attr('fill','green')
        $('#email > div').show()
    })
    $('#email').mouseleave(function(){
        $('#email > section > svg > path').attr('fill','#c0c0c0')
        // $('#WeChat > section > svg').attr('fill','green')
        $('#email > div').hide()
    })
})